<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title></title>
	<meta name="description" content="" />
	<meta name="author" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/style.css?v=0">
	<script type="text/javascript" src="js/libs/modernizr-1.7.min.js"></script>
</head>
<body>
	<div id="container" class="full">
		<div class="box-w"></div>
		<header>
			<section>
				<aside id="slide" class="full">
					<div class="jSlider full">
						<div class="full item-1">
							<!-- <img src="images/slide-2-image.png" alt="Slide 2"/> -->
							<aside>
								<div class="bg">&nbsp;</div>
								<div class="data">
									<a href="#" alt="ecommerce-platform"><img src="images/banner/slide1/ecommerce-platform.png" alt="ecommerce-platform"/></a>
									<a href="#" alt="solutions"><img src="images/banner/slide1/solutions.png" alt="solutions"/></a>
									<a href="#" alt="that-you-need"><img src="images/banner/slide1/that-you-need.png" alt="that-you-need"/></a>
									<a href="#" alt="iOS"><img src="images/banner/slide1/ios.png" alt="iOS"/></a>
									
									<div class="search">
										<a href="#" alt="yahoo">
											<img width="74" height="14" src="images/banner/slide1/yahoo.png" alt="yahoo"/>
										</a>
										<a href="#" alt="google">
											<img width="63" height="22" src="images/banner/slide1/google.png" alt="google"/>
										</a>
										<a href="#" alt="bing">
											<img width="55" height="20" src="images/banner/slide1/bing.png" alt="bing"/>
										</a>
										<span class="clear"></span>
									</div>
									<span class="clear"></span>
								</div>
							</aside>
						</div>
						<div class="full item-2">
							<!-- <div class="bg full">&nbsp;</div> -->
							<aside>
								<img class="center" src="images/banner/slide2/main.png" alt=""/>
								<div class="bg full left0px">&nbsp;</div>
								<div class="data">
									<a href="#" alt="magento-logo"><img src="images/banner/slide2/magento-logo.png" alt="magento-logo"/></a>
									<span class="add">+</span>
									<a href="#" alt="no-sql"><img src="images/banner/slide2/no-sql.png" alt="no-sql"/></a>
									<span class="equal">=</span>
									<a href="#" alt="brilliant"><img src="images/banner/slide2/brilliant.png" alt="brilliant"/></a>
									<span class="clear"></span>
								</div>
								
								<!-- <img src="images/slide-1-image.png" alt="Slide 1"/> -->
							</aside>
						</div>
						<div class="full item-3">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<a href="#" alt="couch-db"><img src="images/banner/slide3/couch-db.png" alt="couch-db"/></a>
									<a href="#" alt="cassandra"><img src="images/banner/slide3/cassandra.png" alt="cassandra"/></a>
									<a href="#" alt="mongo-db"><img src="images/banner/slide3/mongo-db.png" alt="mongo-db"/></a>
									<a href="#" alt="no-sql"><img src="images/banner/slide3/no-sql.png" alt="no-sql"/></a>
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-3-image.png" alt="Slide 3"/> -->
							</aside>
						</div>
						<div class="full item-4">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<a href="#" alt="agility-1"><img src="images/banner/slide4/agility-1.png" alt="agility-1"/></a>
									<a href="#" alt="agility-2"><img src="images/banner/slide4/agility-2.png" alt="agility-2"/></a>
									
									<a href="#" alt="mongo-db"><img src="images/banner/slide4/mongo-db.png" alt="mongo-db"/></a>
									
									<a href="#" alt="magento-1"><img src="images/banner/slide4/magento-1.png" alt="magento-1"/></a>
									<a href="#" alt="magento-2"><img src="images/banner/slide4/magento-2.png" alt="magento-2"/></a>
									<a href="#" alt="magento-3"><img src="images/banner/slide4/magento-3.png" alt="magento-3"/></a>
									
									<a href="#" alt="seach-engine-optimization"><img src="images/banner/slide4/seach-engine-optimization.png" alt="seach-engine-optimization"/></a>
									<a href="#" alt="ecommerce-solution"><img src="images/banner/slide4/ecommerce-solution.png" alt="ecommerce-solution"/></a>
									
									<a href="#" alt="cassandra-1"><img src="images/banner/slide4/cassandra-1.png" alt="cassandra-1"/></a>
									<a href="#" alt="cassandra-2"><img src="images/banner/slide4/cassandra-2.png" alt="cassandra-2"/></a>
									<a href="#" alt="cassandra-3"><img src="images/banner/slide4/cassandra-3.png" alt="cassandra-3"/></a>
									
									<a href="#" alt="couch-db"><img src="images/banner/slide4/couch-db.png" alt="couch-db"/></a>
									
									<a href="#" alt="multisite"><img src="images/banner/slide4/multisite.png" alt="multisite"/></a>
									<a href="#" alt="multistore"><img src="images/banner/slide4/multistore.png" alt="multistore"/></a>
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-4-image.png" alt="Slide 4"/> -->
							</aside>
						</div>
						<div class="full item-5">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<!-- <a href="#" alt="couch-db"><img src="images/banner/slide5/couch-db.png" alt="couch-db"/></a>
									<a href="#" alt="cassandra"><img src="images/banner/slide5/cassandra.png" alt="cassandra"/></a>
									<a href="#" alt="mongo-db"><img src="images/banner/slide5/mongo-db.png" alt="mongo-db"/></a>
									<a href="#" alt="no-sql"><img src="images/banner/slide5/no-sql.png" alt="no-sql"/></a> -->
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-5-image.png" alt="Slide 5"/> -->
							</aside>
						</div>
					</div>
					<div class="pagination"></div>
					<span class="clear"></span>
				</aside>
				
				<nav id="links">
					<ul class="floatList">
						<li class="facebook"><a href="#" alt="Facebook">Facebook</a></li>
						<li class="tweeter"><a href="#" alt="Tweeter">Tweeter</a></li>
						<li class="in"><a href="#" alt="In">In</a></li>
						<span class="clear"></span>
					</ul>
				</nav>
				<aside class="client">
					<span>&nbsp;</span>
					<div class="data">
						<h1 class="left0px"><a href="#"><img src="images/left-logo.png" alt="Viet Land"/></a></h1>
					</div>
				</aside>
				<nav id="menus">
					<ul class="floatList">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">About Us</a></li>
						<li class="current_page_item"><a href="sevices.html">Sevices</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Out Blog</a></li>
						<li><a href="#">Contact Us</a></li>
						<span class="clear"></span>
					</ul>
				</nav>
				<span class="clear"></span>
			</section>
		</header>
		<div id="main" role="main">
			<section class="services">
				<ul class="dataList">
					<li class="what">
						<div>
							<h1><img src="images/subpage/what-we-do.png" alt="What we do?" /></h1>
							<div>
								<img src="images/subpage/what-we-do-desc.png" alt="" />
							</div>
						</div>
					</li>
					<li class="layout">
						<div>
							<h1>
								<img src="images/subpage/webdesign.png" alt="Website Design &amp; Layout" />
								<img src="images/spacer.gif" alt="spacer" />
							</h1>
							<div>
								<img src="images/subpage/webdesign-desc.png" alt="" />
								<ul class="floatList">
									<li><a href="#"><img src="images/subpage/webdesign-thumb1.png" alt="" /></a></li>
									<li><a href="#"><img src="images/subpage/webdesign-thumb2.png" alt="" /></a></li>
									<li><a href="#"><img src="images/subpage/webdesign-thumb3.png" alt="" /></a></li>
									<li><a href="#"><img src="images/subpage/webdesign-thumb4.png" alt="" /></a></li>
									<span class="clear"></span>
								</ul>
							<div>
						</div>
					</li>
					<li class="logo">
						<div>
							<h1>
								<img src="images/subpage/logo-branding.png" alt="Logo, Branding, Indentity Package" />
								<img src="images/spacer.gif" alt="spacer" />
							</h1>
							<div>
								<img src="images/subpage/logo-branding-desc.png" alt="" />
								<ul class="floatList">
									<li><a href="#"><img src="images/subpage/logo-branding-thumb1.png" alt="" /></a></li>
									<li><a href="#"><img src="images/subpage/logo-branding-thumb1.png" alt="" /></a></li>
									<span class="clear"></span>
								</ul>
							<div>
						</div>
					</li>
					<li class="design">
						<h1></h1>
						<div>
							<h1>
								<img src="images/subpage/Print-Design.png" alt="Print Design" />
								<img src="images/spacer.gif" alt="spacer" />
							</h1>
							<div>
								<img src="images/subpage/Print-Design-ex.png" alt="" />
							<div>
						</div>
					</li>
					<span class="clear"></span>
				</ul>
				<!-- <span>&nbsp;</span> -->
			</section>
			<footer>
				<aside class="services png_bg">
					<div class="data">
						<h1 class="right0px" class="png_bg">
							<a href="#" alt="client">
								
							</a>
							<span class="clear"></span>
						</h1>
					</div>
				</aside>
				
				
				<section class="footer">
					<aside class="info">
						<img src="images/footer-listen.png" alt=""/>
						<div>
							<img src="images/viet-land-footer.png" alt="Vietland simplify the complex"/>
							<p>
								&copy; 2011
							</p>
						</div>
					</aside>
				</section>
			</footer>
		</div>
	</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>

<!-- scripts concatenated and minified via ant build script--> 
<script type="text/javascript" src="js/plugins.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/script.js" type="text/javascript"></script> 
<!-- end scripts--> 

<!--[if lt IE 7 ]>
    <script type="text/javascript" src="js/libs/dd_belatedpng.js" type="text/javascript"></script>
    <script type="text/javascript">
		var pngSelector = "img, .png_bg, li.what, #links > ul, #links, #links > ul > li, #links  > ul > li > a , ";
		pngSelector += "aside#slide  div.jSlider > .full, aside#slide  div.pagination > a, #container header > section > aside.client > span, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-1  > aside > div.data > div.search, aside#slide  div.jSlider > .full.item-1  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-2  > aside > div.bg, aside#slide  div.jSlider > .full.item-3  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-4  > aside > div.bg, aside#slide  div.jSlider > .full.item-5  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-4  > aside > div.bg, aside#slide  div.jSlider > .full.item-5  > aside > div.bg, ";
		pngSelector += "nav#menus > ul > li:hover, nav#menus > ul > li.current_page_item, aside.client > div.data > h1 > a, aside.client, ";
		pngSelector += "section.home > ul.floatList  > li > a, li.what > div > h1, img[alt^='spacer']";
		DD_belatedPNG.fix(pngSelector);
	</script>
<![endif]--> 

<script type="text/javascript">
    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]]; // Change UA-XXXXX-X to be your site's ID 
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
</body>
</html>